@charset "utf-8";
/* CSS Document */
/*banner*/
.banner {width: 100%; position: relative;height:720px; margin: 0 auto;background: transparent;}
.banner .hd{ width: 100%; position: absolute; z-index: 2; bottom: 0; left: 0; height:40px; text-align: center; }
.banner .hd ul {text-align: center;position: absolute;right: 20%;bottom: 55px;}
.banner .hd ul li {cursor: pointer;display: inline-block; zoom: 1; width:31px; height:45px; margin:4px; background:none; overflow: hidden; line-height:45px;font-size:18px; text-align:center; color:#fff;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.banner .hd ul .on { width:31px;  background:url(../images/der.png) no-repeat center; height:45px; -webkit-transition: all .3s linear; transition: all .3s linear; }
.banner .bd { margin: 0 auto;height: 100%;position: relative;z-index: 0;overflow: hidden;}
.banner .bd ul { height: 100%; width: 100%;}
.banner .bd li { height: 100%;overflow: hidden;text-align: center;background-position: center;background-repeat: no-repeat; width: 100%;}
.banner .bd li a {display: block;height: 100%;width: 100%;background:url(../images/dsg.png) repeat-x;position: relative;bottom: -522px;}
.banner .bd li i{ width:1300px; height:40px;font-size:32px;color: #fff;position: relative;z-index: 27;left: -8%;top: -112px;}
.banner .prev, .banner .next {display: block; position: absolute;top: 50%;margin-top: -30px;left: 15%;z-index: 1;width: 40px; height: 60px;background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;cursor: pointer;*filter: alpha(opacity=50);*opacity: .5;display: none;}
.banner .next {left: auto;right: 15%;background-position: -6px -137px;}

/*ADMISSIONS*/
.AD_center{width:1332px;height:230px;margin:0 auto;margin-top:  -25px;z-index: 100;position:  relative;}
.AD_center ul{}
.AD_center ul li{float:left; width:410px; height:230px; margin:0 17px;}
.AD_center ul li img{ display:block; width:410px; height:185px;}
.AD_center ul li p{ color:#fff; font-size:26px; text-transform:uppercase; text-align:center; background:url(../images/ADMISSIONS.jpg) no-repeat center; width:410px; height:45px; line-height:45px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*NEWS*/
.new{ margin-top:54px; height:518px; background:url(../images/new.jpg) no-repeat center;}
.new_center{ width:1300px; height:472px; margin:0 auto; padding-top:46px;}
.new_left{ float:left; width:996px;}
.new_left h3{ font-size:32px; float:left; font-weight:normal; color:#224b93;}
.new_left h3 a{ font-size:16px; color:#666; padding-left:25px; background:url(../images/liqsub_ss.png) no-repeat right; padding-right:28px; display:inline-block;}
.new_left ul{}
.new_left ul li{float:left;width:300px;height:296px;background:#fff;position: relative;margin-top: 70px;box-shadow: 0 0 26px #ccc; margin-right:32px;}
.new_left ul li div{width:280px;height:178px;display:block;overflow:hidden;position: absolute;top: -19px;left: 10px;}
.new_left ul li div img{/* position: absolute; */display:block;margin:0 auto;-ms-transition: all .2s;transition: all .2s;overflow: hidden;object-fit: cover;width:280px;height:178px;/* top: -19px; */}
.new_left ul li div img:hover{ transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); /* IE 9 */-moz-transform: scale(1.1, 1.1);/* Firefox */ -webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);}
.new_left span{ display:block; width:270px; margin:0 auto; padding-top:174px;}
.new_left span h4{ font-size:18px; line-height:28px; height:56px; overflow:hidden; width:270px; font-weight:normal; font-family:Verdana;}
.new_left span h4 a{ color:#333;}
.new_left span p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:270px; padding-top:22px;}
.new_right{ width:275px; float:right;}
.new_right h3{ font-size:32px; float:left; font-weight:normal; color:#224b93;}
.new_right h3 a{ font-size:16px; color:#666; padding-left:25px; background:url(../images/liqsub_ss.png) no-repeat right; padding-right:28px; display:inline-block;}
.new_right ul{}
.new_right ul li{width:275px;height: 80px;margin-top: 41px;}
.new_right ul li span{display:block;width:58px;height:57px;background:#0054a2;float:left;margin-right:20px;margin-top: 8px;}
.new_right ul li span h5{font-weight:normal;font-size:30px;font-family:Arial;color:#fff;text-align:center;padding-top:  3px;}
.new_right ul li span i{font-family:Arial; color:#fff; text-align:center; display:block; font-size:12px;}
.new_right ul li p{font-family:Arial; font-size:18px; line-height:28px; overflow:hidden; height:84px; color:#224b93;}

/*International */
.Inter{ height:599px; background:url(../images/Inter.jpg) no-repeat center;}
.Inter_center{height:599px;width:1300px;margin:0 auto;}
.Inter_left{ float:left; width:700px; height:320px; margin-top:97px; margin-left:34px;}
.Inter_left li{ float:left;}
.Inter_left .Inter_i{ width:408px; height:148px; background:#0062ad; border:1px solid #cdcdcd;}
.Inter_left .Inter_i img{float:left;padding: 52px 22px 0 84px;}
.Inter_left .Inter_n img{display:block;margin:0 auto;padding: 30px 0 16px 0;}
.Inter_left .Inter_i h3{line-height: 36px; padding-top:40px;font-weight:normal; width:328px;}
.Inter_left .Inter_n h3{ text-align:center;font-weight:normal;}
.Inter_left li h3{font-size:24px;color:#fff;}
.Inter_left .Inter_n{width:263px;height:148px;background:#00afa2;border:1px solid #cdcdcd;margin-left:  20px;}

.Inter_left .Inter_t img{display:block;margin:0 auto;padding: 34px 0 12px 0;}
.Inter_left .Inter_t h3{ text-align:center;font-weight:normal;}
.Inter_left .Inter_t{width:263px;height:148px;background:#24a9e6;border:1px solid #cdcdcd;margin-top:  19px;}

.Inter_left .Inter_e{width:408px;height:148px;background:#6fbc47;border:1px solid #cdcdcd;margin-left: 20px;margin-top:  19px;}
.Inter_left .Inter_e img{float:left;padding: 52px 22px 0 90px;}
.Inter_left .Inter_e h3{line-height: 72px;padding-top:40px; font-weight:normal;}
.about_d_6 p a,.about_d_2 p a,.about_d_4 p a,.about_d_8 p a{display:block; width:100%; float:left; color:#224b93;}
.Inter_right{width:518px;height:444px;float:right;margin-top:60px;}
.Inter_right li{float:left; margin-bottom:10px;position: relative;}
.insiu_n{ margin-left:14px;}
.insiu_n p{ display:none;}
.insiu_i p{ display:none;}
.insiu_s p{ display:none;}
.insiu_u p{ display:block;}
.insiu_i,.insiu_n{height:222px;}
.insiu_s,.insiu_u{height:212px; background:rgba(255,255,255,0.8);}
.insiu_i img{ display:block; width:200px; height:222px;}
.insiu_n img{ display:block; width:303px; height:222px;}
.insiu_s img{ display:block; width:291px; height:188px;}
.insiu_u img{display:block;width:227px;height:212px;}
.insiu_u p{font-size:26px;color:#fff;position: absolute;left: 20px;top: 26px;}



.shareLayer{display: none; position: fixed; top: 0; left: 0; z-index: 120; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.shareBox{ padding: 0 0 15px; position: fixed; top: 10%; z-index: 10; left: 50%; margin-left: -160px; width: 320px; height: auto; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.5);}
.shareBox h2{ position: relative; padding: 10px 20px; border-bottom: 1px solid #EEE; line-height: 30px; font-size: 16px; color: #666;}
.shareBox h2 .closeBox{ cursor: pointer; display: block; position: absolute; right: 10px; top: 13px; width: 24px; height: 24px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.shareBox h2 .closeBox::before{content: ''; width: 100%; position: absolute; right: 0; top: 50%; height: 1px; background: #666;transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.shareBox h2 .closeBox::after{content: ''; width: 100%; position: absolute; right: 0; top: 50%; height: 1px; background: #666;transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
.shareBox ul{ padding: 0 20px; margin-top: 15px; max-height: 208px; overflow-y: auto;}
.shareBox ul li{ width: 48%; float: left;}
.shareBox ul li:nth-child(2n){ float: right;}
.shareBox ul li a{ position: relative; display: block; padding-left: 22px; height: 26px; line-height: 26px; font-size: 14px; color: #666;}
.shareBox ul li a em{ position: absolute; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px;}
.shareBox ul li a em img{ display: block; width: 100%; height: 100%;}
.bdshare-button-style0-16 .bds_qzone{background-position:0 -46px!important;}
.bdshare-button-style0-16 .bds_tsina{background-position:0 -98px!important;}
.bdshare-button-style0-16 .bds_tqq{background-position:0 -255px!important;}
.bdshare-button-style0-16 .bds_weixin{background-position:0 -1607px!important;}